<!DOCTYPE HTML>
<head>
	<meta charset="utf-8" />
	<link href="style.css" rel="stylesheet" type="text/css"/>
<!--[if IE]>
    	<link href="ie.css" type="text/css" rel="stylesheet">
    <![endif]-->
	<title>Detail</title>
</head>

<body>

<div id="wrapper">

    <div id="header_outer">
        <div id="header">
        
            <div id="logo">
            <a href="#"><img src="images/logo.png" alt="logo"/></a>
            </div><!--End #Logo-->
            
            <div id="control">
            <p id="p1">Welcome to Cheapa - Blinds</p>
            <div id="sign">
            <ul>
                <li style="margin-right:10px;"><a href="#">Sign in</a></li>
                <li><a href="#">Sign up</a></li>
            </ul>
            
            </div>
            
            <div class="clear"></div>
            
            <div id="bar">
            <ul>
            <li><a href="#">My Account</a></li>
            <li><a href="#">My Wishlists</a></li>
            <li class="last"><p><img src="images/shop_icon.png" alt="icon"/> <a href="#">My View Cart: (0 item)</a></p></li>
            </ul>
            </div>
            </div><!--End #control-->
            <div class="clear"></div>
            
            <div id="menubar">
            <ul>
            <li><a href="#"><img src="images/home_icon.png"/>Interior Blings</a></li></li>
            <li><a href="#">Exterior Blings</a></li></li>
            <li><a href="#">Curtains</a></li></li>
            <li><a href="#">Accessories</a></li></li>
            <li><a href="#">Samples</a></li></li>
            <li><a href="#">Contacts</a></li></li>
            <input id="search" type="text" value="Search"/>
            </ul>
            </div><!--End #Menubar-->
            
        </div><!--End #Header-->
    </div><!--End #Header_outer-->
    
    <div id="content_outer">
        <div id="content">
            <div id="conten_top">
                <div id="bank">
                <ul>
                <li><a href="#"><img src="images/paypal.png" alt="paypal"/></a></li>
                <li><a href="#"><img src="images/veri.png" alt="veri"/></a></li>
                <li><a href="#"><img src="images/visa.png" alt="visa"/></a></li>
                <li><a href="#"><img src="images/tron.png" alt="tron"/></a></li>
                </ul>
                
                </div><!--End #Bank-->
                <div class="clear"></div>
                <div id="line_detail">
                
                </div><!--End #Line_detail-->
                
                
            </div><!--End #Content_top-->
            <div id="content_detail">
                <div id="linkg">
                <ul>
                <li><a href="#">Home</a></li>
                <li><a href="#">Inter Blinds</a></li>
                <li><a href="#">Roller Blinds</a></li>
                <li>Blackout Roller</li>
                </ul>
                </div><!--End #linkg-->
                <div class="clear"></div>
                
                <div id="slide_detail">
                    <div id="slide_show">
                    <img src="images/slide_detail.png"/>
                    </div>
                    
                    <div id="ds_od">
                    <input type="submit" value="Design & Order"/>
                    </div>
                </div><!--End silide_detail-->
                
                <div id="dt_pr_right">
                <div id="blackout">
                <h2>Blackout Roller</h2>
                <p>Our <span>Blockout Roller Blings</span> are a perfect choice when looking for privacy and light control.
                 Our cloths are high blockout and will provide an excellent room darkening feature.<br /><br />

                <span>Handy Hint - Adding</span> a <a href="#">Bonded Pelmet</a> is a great way to decorate and improve your
                 light control and energy efficiency.
                Highly recommended for Bedrooms and Theatre Room</p>
                </div><!--End #blackout-->
                
                <div id="ratind">
                <div class="rate">
                <p>
                <img class="icon_rate" src="images/matroi.png"/>
                <span>Energy Efficiency: </span>
                <a href="#"><img src="images/ratio_vang.png"/></a>
                <a href="#"><img src="images/ratio_vang.png"/></a>
                <a href="#"><img src="images/ratio_vang.png"/></a>
                <a href="#"><img src="images/ratio_xam.png"/></a>
                <a href="#"><img src="images/ratio_xam.png"/></a>
                 </p>
                </div><!--End .rate-->
                <div class="clear"></div>
                <div class="rate">
                
                <p>
                <img id="icon_ra" src="images/bongden.png"/>
                <span>Daytime Privacy: </span>
                <a href="#"><img src="images/ratio_vang.png"/></a>
                <a href="#"><img src="images/ratio_vang.png"/></a>
                <a href="#"><img src="images/ratio_vang.png"/></a>
                <a href="#"><img src="images/ratio_xam.png"/></a>
                <a href="#"><img src="images/ratio_xam.png"/></a>
                 </p>
                </div><!--End .rate-->
                <div class="clear"></div>
                <div class="rate">
                
                <p>
                <img class="icon_rate" src="images/moon.png"/>
                <span>Everning Privacy: </span>
                <a href="#"><img src="images/ratio_vang.png"/></a>
                <a href="#"><img src="images/ratio_vang.png"/></a>
                <a href="#"><img src="images/ratio_vang.png"/></a>
                <a href="#"><img src="images/ratio_xam.png"/></a>
                <a href="#"><img src="images/ratio_xam.png"/></a>
                 </p>
                 <p><span>Manufacturing: </span>ACM Fabric 10 -15 Working day approx.*</p>
                 <p><span>Time: </span> ICM Fabric 5 - 7 Week apporox.*</p>
                 
                 <a id="click" href="#">*Click on individual fabrics for specific manufacturing details</a>
                </div><!--End .rate-->
                <div class="clear"></div>
                </div>
                <div id="HTM">
                <a href="#"><img src="images/play_icon.png"/>How to Measure</a>
                <a href="#"><img src="images/play_icon.png"/>Information about our 5 year warrantly</a>
                 </div><!--End #HTM-->
                  </div>             
            </div><!--End #Content_detail-->
            <div class="clear"></div>
            
            <div id="show_detail">
            <h3>Compare Product</h3>
            
                <div id="show_item">
                    <div id="sl_back"><a href="#"></a></div>
                    
                    <div class="detail_items">
                        <img src="images/item_images.png"/>
                        <h3><a href="#">Blackot Roller Binds</a></h3>
                        <p>From: <span>100$</span></p>
                        <a href="#" class="add-cart"><img src="images/cart_bt.png"/>Cart</a>
                    </div><!--End .detail_Items-->
                    
                   <div class="detail_items">
                        <img src="images/item_images.png"/>
                        <h3><a href="#">Blackot Roller Binds</a></h3>
                        <p>From: <span>100$</span></p>
                        <a href="#" class="add-cart"><img src="images/cart_bt.png"/>Cart</a>
                    </div><!--End .detail_Items-->
                    
                    <div class="detail_items">
                        <img src="images/item_images.png"/>
                        <h3><a href="#">Blackot Roller Binds</a></h3>
                        <p>From: <span>100$</span></p>
                        <a href="#" class="add-cart"><img src="images/cart_bt.png"/>Cart</a>
                    </div><!--End .detail_Items-->
                    
                    <div class="detail_items">
                        <img src="images/item_images.png"/>
                        <h3><a href="#">Blackot Roller Binds</a></h3>
                        <p>From: <span>100$</span></p>
                        <a href="#" class="add-cart"><img src="images/cart_bt.png"/>Cart</a>
                    </div><!--End .detail_Items-->
                    
                    <div id="sl_next">
                    <a href="#"></a></div>
                    
                </div>
            
            </div><!--End #show_detail-->
            
        </div><!--End #Content-->
    </div><!--End #Content_outer-->
    <div id="footer_outer">
        <div id="footer">
            <div id="footer_menu">
                
                <div class="fm_item">
                
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                </div><!--End .fm_item-->
                
                <div class="fm_item">
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                
                </div><!--End .fm_item-->
                <div class="fm_item">
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                
                </div><!--End .fm_item-->
                <div class="fm_item">
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                
                </div><!--End .fm_item-->
                <div class="fm_item">
                <h3>Customer Support</h3>
                <ul>
                <li><a href="#">My Account</a></li>
                <li><a href="#">Track Your Order</a></li>
                <li><a href="#">Support Services</a></li></li>
                <li><a href="#">Issues & Claims</a></li>
                <li><a href="#">Delivery Areas</a></li>
                </ul>
                </div><!--End .fm_item-->
                  <div class="clear"></div>
            </div><!--End #Footer_menu-->
            
            <div id="copyright">
            <img src="images/footer_img.png"/>
            <p>Copyright 2012 The Diablo Group<br />
                All Rights Reserved. Prices subjects to change. ABN: 52 112 028 636</p>
            </div>
        
        </div><!--End #Footer-->
    </div><!--End #Footer_outer-->

</div><!--End #Wrapper-->


</body>
</html>